:root
  --primaryColor #FC6621
  --orange01: #FFF2E7;
PrimaryColor = var(--primaryColor, #FC6621);
BodyMaxWidth = 1440px;    // 页面最大宽度
BodyMinHeight = calc(100vh - 244px);    // 页面最小高度 navbar 100px footer 144px
PingFangMedium500 = 500   // 苹方字体
PingFangMedium600 = 600   // 苹方字体
BackgroundStripe = #F9F9F9 // 背景斑马纹颜色

.text-left
  text-align left

.text-center
  text-align center
// 换行
textWrap()
  word-wrap: break-word;
  word-break: break-all;

// 单行文本省略
ellipsis() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}

// 多行文本省略
ellipsisLn(line = 2) {
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: line;
}

uiBlock() {
  background: #fff;
  border-radius: 6px;
}

uiInput() {
  height: 32px;
  line-height: 32px;
}
// g-> global
.g-readonly
  pointer-events: none;
.ui-link
  &:hover
    color PrimaryColor
    cursor pointer
.ui-title
  display flex
  align-items: center
  margin-bottom 28px
  &__icon
    width 22px
    height 22px
    margin-right 21px
    background: url('~@/assets/images/ui-title-icon.png') no-repeat
    background-size: cover;
  &__name
    font-size: 20px
    font-weight: 600
    color: PrimaryColor
    line-height: 30px
.ui-article
  margin 0 0 50px 45px
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 30px;
.ui-tabs
  --tabsPadding 16px
  .el-tabs__header
    margin-bottom 0
  .el-tabs__item.is-top:last-child
    padding-right var(--tabsPadding) !important;
  .el-tabs__item.is-top:nth-child(2)
    // margin-left 0
    padding-left var(--tabsPadding) !important;
  .el-tabs__item
    padding: 16px
    // min-width: 98px
    text-align center
    font-size: 14px;
    font-weight: 400;
    border-radius: 6px 6px 2px 2px;
    padding 0 var(--tabsPadding)
    box-sizing: border-box
  .el-tabs__item.is-active
    background: PrimaryColor
    color #fff
    min-width: 98px
  .el-tabs__nav-wrap::after
    background: PrimaryColor

// 表格搜索区 S
.ui-tbHeaderForm
  // 通用省市区等多选
  &-elCheckbox
    .el-checkbox
      margin-right 2px
      margin-bottom 2px
      border-radius: 6px;
      &.is-checked
        background: #FFF2E7;
    .el-checkbox__input
      display: none;
    .el-checkbox__label
      padding 6px 10px
      color #666666
      font-size 14px
  &-elInput
    .el-input__inner
      uiInput()
  &-searchCells
    padding 20px 0
    display flex
    flex-wrap wrap

  &-searchCell
    display flex
    align-items center
    margin-right 31px
    &:last-child
      margin-right 0
    &__label
      flex-shrink 0
      font-size: 14px;
      font-weight: 400;
      color: #333;
      line-height: 30px;
      margin-right 10px
    &__value
      .el-input__inner
        uiInput()

.chooseBlock
	display block
	opacity: 1;
	max-height 500px
	overflow: hidden;
	// transition: all .3s;
	&-close
		max-height 0
	&-cell
		display flex
		position relative
		margin-bottom 5px
		&:last-child
			margin-bottom 0
		&__label
			min-width 64px
			font-size: 14px;
			font-family: PingFang SC;
			font-weight: 400;
			color: #333;
			flex-shrink 0
			margin-right 15px
			line-height: 34px;
// 表格搜索区 E
// .ui-table
//   font-size: 16px;
//   thead
//     color: #666666;
//   th.el-table__cell
//     font-weight normal
//     background #F9F9F9 !important
//     border: none !important
//     padding 21px 0
//     & > .cell
//       padding 0
//       line-height 16px
//   td.el-table__cell
//     border: none !important
//     color #333
//     padding 15px 0
//     & > .cell
//       padding 0
//       line-height 30px
//   .el-table__row:nth-child(even) {
//     background: BackgroundStripe;
//   }

// 父表格样式
.ui-table /deep/
	border: none !important
	font-size: 14px;
	overflow: auto;
	.el-table__body tr:hover
		.el-icon-caret-right
			display inline
	thead
		color: #666666;
	th.el-table__cell
		font-weight normal
		background #f0f0f0 !important
		border: none !important
		padding 10px 0
		& > .cell
      padding 0
      line-height: 17px;
      font-weight 600
	th.mergeTh
		padding 10px 0 6px 0
	th.mergeTh-child
		padding 0 0 10px 0

	.el-table__cell
		border: none !important;
		border-bottom: 1px solid #DDDDDD !important;
		color: #333333;
		& > .cell
			padding 0 5px
			font-weight: PingFangMedium500;
	td.el-table__expanded-cell
		padding 0
	// 展开后表格样式
	.ui-expandTable
		font-size: 14px;
		border: none !important
		th.el-table__cell
			background: rgba(252, 102, 33, 0.3) !important
			//background #FFF2E7 !important
		td.el-table__cell
			//background #FFFBF8 !important
			background: rgba(252, 102, 33, 0.15) !important
			& > .cell
				font-weight normal
		.el-table__row:last-child td.el-table__cell
			border-bottom none !important
			border: none !important;
